<script setup lang="js">
import { ref } from 'vue';
import IfStudy from './IfStudy.vue';
import Study_for from './Study_for.vue';
import Demo_for from './Demo_for.vue';
let name = ref("lxy")
name.value="lisi"

let login = () => {
    alert(name.value)
}
</script>

<template>
    <div class="main">
        <h1>{{ name }}</h1>
        <input v-model="name"></input>
        <input :value="name"></input>
        <button v-on:click="login">登录</button>
        <button @click="login">登录</button>
    </div>
    <IfStudy></IfStudy>
    <Study_for></Study_for>
    <Demo_for></Demo_for>
</template>

<style scoped></style>